home *** CD-ROM | disk | FTP | other *** search
/ MacFormat UK 199 / MF_UK_199_1.iso / pc / DiscContents / In the mag / Widgets / Localhostr Widget 1.1 / Widget / localhostr-1.1.0.wdgt / localhostr.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2008-07-10  |  9.5 KB  |  560 lines
  1. /*
  2. This file was generated by Dashcode from Apple Inc.
  3. You may edit this file to customize your Dashboard widget.
  4. */
  5.  
  6. body {
  7.     margin: 0px;
  8. }
  9.  
  10. #info {
  11.     position: absolute;
  12.     width: 13px;
  13.     height: 13px;
  14.     right: 271px;
  15.     margin-left: auto;
  16.     bottom: 40px;
  17.     margin-top: auto;
  18. }
  19.  
  20. #back {
  21.     display: none;
  22. }
  23.  
  24. #urlInput {
  25.     position: absolute;
  26.     color: black;
  27.     font-family: HelveticaNeue;
  28.     font-size: 10pt;
  29.     left: 29px;
  30.     width: 237px;
  31.     top: 12px;
  32. }
  33.  
  34. #result {
  35.     position: absolute;
  36.     color: black;
  37.     width: 256px;
  38.     font-size: 10pt;
  39.     text-align: center;
  40.     font-family: HelveticaNeue-Light;
  41.     left: 23px;
  42.     top: 37px;
  43. }
  44.  
  45. #img1 {
  46.     height: 45px;
  47.     position: absolute;
  48.     bottom: 0px;
  49.     top: auto;
  50.     left: 0px;
  51.     right: auto;
  52.     width: 316px;
  53. }
  54.  
  55. #img {
  56.     height: 82px;
  57.     position: absolute;
  58.     left: 0px;
  59.     top: 0px;
  60.     width: 316px;
  61. }
  62.  
  63. #img4 {
  64.     width: 58px;
  65.     height: 11px;
  66.     position: absolute;
  67.     left: 204px;
  68.     bottom: 42px;
  69.     top: auto;
  70. }
  71.  
  72. #droparea {
  73.     width: 232px;
  74.     height: 62px;
  75.     position: absolute;
  76.     left: 38px;
  77.     top: 33px;
  78. }
  79.  
  80. #scrollBar {
  81.     position: absolute;
  82.     width: 19px;
  83.     right: 47px;
  84.     top: 134px;
  85.     bottom: 59px;
  86.     height: 146px;
  87. }
  88.  
  89. #scrollArea {
  90.     position: absolute;
  91.     color: black;
  92.     font-family: HelveticaNeue;
  93.     font-size: 10pt;
  94.     left: 43px;
  95.     top: 134px;
  96.     height: 146px;
  97.     width: 208px;
  98.     margin-bottom: auto;
  99. }
  100.  
  101. .container {
  102.     position: relative;
  103.     padding: 3px;
  104.     height: 66px;
  105. }
  106.  
  107. .thumbDiv {
  108.     width: 60px;
  109.     height: 60px;
  110.     position: absolute;
  111.     top: 3px;
  112.     left: 3px;
  113.     display: table-cell;
  114.     text-align: center;
  115. }
  116.  
  117. img.thumb {
  118.     width: 32px;
  119.     height: 32px;
  120.     margin-top: 10px;
  121. }
  122.  
  123. .fileinfo {
  124.     position: absolute;
  125.     top: 5px;
  126.     left: 66px;
  127.     font-family: 'Myriad Pro';
  128.     color: rgb(213, 213, 213);
  129.     text-shadow: rgb(38, 38, 38) 1px 1px 0px;
  130. }
  131.  
  132. .fileinfo h1 {
  133.     font-size: 12px;
  134.     margin-top: 2px;
  135.     margin-right: 0px;
  136.     margin-bottom: 2px;
  137.     margin-left: 0px;
  138.     padding: 0px;
  139.     color: rgb(255, 255, 255);
  140. }
  141.  
  142. .filedate {
  143.     font-size: 10px;
  144. }
  145.  
  146. .copyurl {
  147.     -webkit-border-top-right-radius: 10px 10px;
  148.     -webkit-border-top-left-radius: 10px 10px;
  149.     -webkit-border-bottom-left-radius: 10px 10px;
  150.     -webkit-border-bottom-right-radius: 10px 10px;
  151.     height: 12px;
  152.     padding-top: 5px;
  153.     padding-right: 0px;
  154.     padding-bottom: 3px;
  155.     padding-left: 0px;
  156.     background-image: initial;
  157.     background-repeat: initial;
  158.     background-attachment: initial;
  159.     -khtml-background-clip: initial;
  160.     -khtml-background-origin: initial;
  161.     background-color: rgb(0, 0, 0);
  162.     width: 65px;
  163.     text-align: center;
  164.     opacity: 0.4;
  165.     color: rgb(188, 188, 188);
  166.     font-family: 'Lucida Grande';
  167.     font-size: 8px;
  168.     cursor: pointer;
  169. }
  170.  
  171. .copyurl:hover {
  172.     background-image: initial;
  173.     background-repeat: initial;
  174.     background-attachment: initial;
  175.     -khtml-background-clip: initial;
  176.     -khtml-background-origin: initial;
  177.     background-color: rgb(15, 15, 15);
  178.     opacity: 1;
  179.     color: rgb(213, 213, 213);
  180. }
  181.  
  182. #cancel {
  183.     width: 17px;
  184.     height: 17px;
  185.     position: absolute;
  186.     top: 55px;
  187.     left: 240px;
  188. }
  189.  
  190. #box {
  191.     position: absolute;
  192.     border-color: black;
  193.     border-style: solid;
  194.     top: 82px;
  195.     background-image: url(Images/bg.png);
  196.     background-repeat: repeat-y;
  197.     border-width: 0px;
  198.     left: 0px;
  199.     bottom: 45px;
  200.     height: auto;
  201.     right: 1px;
  202.     width: 315px;
  203.     background-position: 0% 0%;
  204. }
  205.  
  206. #recentlyUploadedHeader {
  207.     position: absolute;
  208.     border-color: black;
  209.     border-style: solid;
  210.     width: 227px;
  211.     height: 57px;
  212.     border-width: 0px;
  213.     left: 43px;
  214.     top: 108px;
  215.     background-image: url(images/history.png);
  216.     background-repeat: initial;
  217.     background-attachment: initial;
  218.     -khtml-background-clip: initial;
  219.     -khtml-background-origin: initial;
  220.     background-color: initial;
  221.     background-position: 0% 0%;
  222. }
  223.  
  224. #progressImg {
  225.     width: 232px;
  226.     height: 62px;
  227.     position: absolute;
  228.     left: 43px;
  229.     top: 33px;
  230.     opacity: 0;
  231. }
  232.  
  233. #button {
  234.     position: absolute;
  235.     font-family: HelveticaNeue-Bold;
  236.     text-align: center;
  237.     top: 273px;
  238.     font-size: 12px;
  239.     color: rgb(194, 194, 194);
  240.     width: 84px;
  241.     left: 140px;
  242. }
  243.  
  244. #box1 {
  245.     position: absolute;
  246.     border-color: black;
  247.     border-style: solid;
  248.     background-image: url(Images/bg.png);
  249.     background-repeat: repeat-y;
  250.     border-width: 0px;
  251.     right: 1px;
  252.     width: 315px;
  253.     height: 211px;
  254.     margin-bottom: auto;
  255.     bottom: auto;
  256.     left: 1px;
  257.     top: 82px;
  258.     background-position: 0% 0%;
  259. }
  260.  
  261. #img2 {
  262.     height: 82px;
  263.     position: absolute;
  264.     width: 316px;
  265.     left: 1px;
  266.     top: 0px;
  267. }
  268.  
  269. #img3 {
  270.     height: 45px;
  271.     position: absolute;
  272.     bottom: 0px;
  273.     right: auto;
  274.     width: 316px;
  275.     left: 1px;
  276.     top: 293px;
  277. }
  278.  
  279. #button1 {
  280.     position: absolute;
  281.     font-family: HelveticaNeue-Bold;
  282.     text-align: center;
  283.     width: 60px;
  284.     top: 191px;
  285.     left: 217px;
  286.     font-size: 12px;
  287.     color: rgb(194, 194, 194);
  288. }
  289.  
  290. #text {
  291.     position: absolute;
  292.     color: black;
  293.     font-family: HelveticaNeue;
  294.     font-size: 10pt;
  295.     text-overflow: ellipsis;
  296.     overflow: hidden;
  297.     top: -1px;
  298.     left: 39px;
  299.     width: 236px;
  300.     min-height: 161px;
  301. }
  302.  
  303. #text {
  304.     position: absolute;
  305.     font-family: HelveticaNeue;
  306.     font-size: 10pt;
  307.     text-overflow: ellipsis;
  308.     overflow: hidden;
  309.     min-height: 16px;
  310.     text-align: center;
  311.     width: 104px;
  312.     color: rgb(194, 194, 194);
  313.     left: 37px;
  314.     top: -16px;
  315.     height: auto;
  316. }
  317.  
  318. #text1 {
  319.     position: absolute;
  320.     font-family: HelveticaNeue;
  321.     font-size: 10pt;
  322.     text-overflow: ellipsis;
  323.     overflow: hidden;
  324.     color: rgb(194, 194, 194);
  325.     left: 145px;
  326.     top: -16px;
  327.     width: auto;
  328.     height: auto;
  329. }
  330.  
  331. #img5 {
  332.     position: absolute;
  333.     width: 37px;
  334.     height: 38px;
  335.     top: 22px;
  336.     left: 61px;
  337. }
  338.  
  339. #img6 {
  340.     width: 158px;
  341.     height: 27px;
  342.     position: absolute;
  343.     left: 102px;
  344.     top: -54px;
  345. }
  346.  
  347. #text3 {
  348.     position: absolute;
  349.     font-family: HelveticaNeue;
  350.     font-size: 10pt;
  351.     text-overflow: ellipsis;
  352.     overflow: hidden;
  353.     color: rgb(194, 194, 194);
  354.     left: 191px;
  355.     top: -16px;
  356.     width: auto;
  357.     height: auto;
  358. }
  359.  
  360. #text4 {
  361.     position: absolute;
  362.     font-family: HelveticaNeue;
  363.     font-size: 10pt;
  364.     text-overflow: ellipsis;
  365.     overflow: hidden;
  366.     color: rgb(194, 194, 194);
  367.     left: 184px;
  368.     top: -1px;
  369.     width: auto;
  370.     height: auto;
  371. }
  372.  
  373. #uploading {
  374.     width: 232px;
  375.     height: 62px;
  376.     position: absolute;
  377.     top: 33px;
  378.     left: 38px;
  379. }
  380.  
  381. #username {
  382.     position: absolute;
  383.     color: black;
  384.     font-family: HelveticaNeue;
  385.     font-size: 10pt;
  386.     width: 149px;
  387.     left: 42px;
  388.     top: 54px;
  389. }
  390.  
  391. #textfield {
  392.     position: absolute;
  393.     color: black;
  394.     font-family: HelveticaNeue;
  395.     font-size: 10pt;
  396.     top: 88px;
  397.     width: 149px;
  398.     left: 85px;
  399. }
  400.  
  401. #password {
  402.     position: absolute;
  403.     color: black;
  404.     font-family: HelveticaNeue;
  405.     font-size: 10pt;
  406.     width: 149px;
  407.     left: 42px;
  408.     top: 85px;
  409. }
  410.  
  411. #button3 {
  412.     position: absolute;
  413.     font-family: HelveticaNeue-Bold;
  414.     text-align: center;
  415.     font-size: 12px;
  416.     color: rgb(194, 194, 194);
  417.     width: 71px;
  418.     height: 56px;
  419.     left: 210px;
  420.     top: 136px;
  421. }
  422.  
  423. #loginstatus {
  424.     position: absolute;
  425.     font-family: HelveticaNeue;
  426.     font-size: 10pt;
  427.     text-overflow: ellipsis;
  428.     overflow: hidden;
  429.     width: 153px;
  430.     height: 31px;
  431.     color: rgb(204, 204, 204);
  432.     text-align: center;
  433.     left: 84px;
  434.     top: 113px;
  435. }
  436.  
  437. #div {
  438.     left: auto;
  439.     bottom: 6px;
  440. }
  441.  
  442. #resize {
  443.     position: absolute;
  444.     right: 30px;
  445.     -apple-dashboard-region: dashboard-region(control rectangle);
  446.     left: 272px;
  447.     bottom: 41px;
  448.     margin-top: auto;
  449. }
  450.  
  451. #error {
  452.     width: 232px;
  453.     height: 62px;
  454.     position: absolute;
  455.     left: 38px;
  456.     top: 33px;
  457. }
  458.  
  459. #updateAvailable {
  460.     width: 100px;
  461.     height: 13px;
  462.     position: absolute;
  463.     right: 166px;
  464.     margin-left: auto;
  465.     bottom: 40px;
  466.     margin-top: auto;
  467. }
  468.  
  469. #text5 {
  470.     font-family: HelveticaNeue;
  471.     text-overflow: ellipsis;
  472.     overflow: hidden;
  473.     -khtml-margin-top-collapse: separate;
  474.     position: relative;
  475.     font-size: 7pt;
  476.     margin-top: 1px;
  477.     color: rgb(200, 200, 200);
  478.     margin-left: 16px;
  479. }
  480.  
  481. #img7 {
  482.     -khtml-margin-top-collapse: separate;
  483.     position: absolute;
  484.     margin-top: 0px;
  485.     top: 0px;
  486.     left: 0px;
  487. }
  488.  
  489. #checkboxbutton1 {
  490.     position: absolute;
  491.     font-family: HelveticaNeue;
  492.     font-size: 10pt;
  493.     left: 30px;
  494.     width: 111px;
  495.     top: 251px;
  496. }
  497.  
  498. #text7 {
  499.     position: absolute;
  500.     top: 2px;
  501.     left: 18px;
  502.     text-align: left;
  503.     vertical-align: middle;
  504.     color: rgb(193, 193, 193);
  505.     font-size: 10px;
  506.     width: 150px;
  507.     bottom: 2px;
  508.     height: auto;
  509. }
  510.  
  511. #text2 {
  512.     position: absolute;
  513.     font-family: HelveticaNeue;
  514.     font-size: 10pt;
  515.     text-overflow: ellipsis;
  516.     overflow: hidden;
  517.     color: rgb(194, 194, 194);
  518.     left: 42px;
  519.     top: 37px;
  520.     width: auto;
  521.     height: auto;
  522. }
  523.  
  524. #checkboxbutton2 {
  525.     position: absolute;
  526.     font-family: HelveticaNeue;
  527.     font-size: 10pt;
  528.     left: 30px;
  529.     width: 130px;
  530.     top: 234px;
  531. }
  532.  
  533. #text6 {
  534.     position: absolute;
  535.     top: 2px;
  536.     left: 18px;
  537.     text-align: left;
  538.     vertical-align: middle;
  539.     color: rgb(193, 193, 193);
  540.     font-size: 10px;
  541.     width: 126px;
  542.     bottom: 2px;
  543.     height: auto;
  544. }
  545.  
  546. #text8 {
  547.     position: absolute;
  548.     font-family: HelveticaNeue;
  549.     font-size: 10pt;
  550.     text-overflow: ellipsis;
  551.     overflow: hidden;
  552.     color: rgb(194, 194, 194);
  553.     right: -10px;
  554.     bottom: -10px;
  555.     height: 17px;
  556.     width: 178px;
  557.     left: 104px;
  558.     top: 14px;
  559. }
  560.